@import "@/assets/styles/index.scss";
// 封装公共样式
.flex-column-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.flex-center-x {
    display: flex;
    justify-content: center;
}

.flex-column-around {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.category-container {
    height: 370px;
    background-color: #F9F9F9;
    @extend .flex-column-center;


    .category {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        &-item {
            @extend .flex-column-around;
            font-size: 12px;
            align-items: center;
            width: 96px;
            height: 108px;
            background-color: #fff;
            border-radius: 10px;
            padding: 10px;
        }

        img {
            width: 45px;
            height: 45px;
        }
    }
}